<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" type="text/css" href="./css/discountCoupon.css" />
		<title></title>
	</head>
	<body>
		<div id="container">
			<div id="head">
				<ul>
					<li id="local">
						&nbsp;
						<img src="img/productList/exit.png">
						我的优惠券
					</li>
					<li id="more">···&nbsp;</li>
				</ul>
			</div>
			<div id="container-center">
				<div id="menu">
					<ul>
						<li>全部</li>
						<li>已使用</li>
						<li>已过期</li>
					</ul>
				</div>
				<div id="discount">
					<ul id="backgroundColor">
						<li>
							<h1>￥<span>100</span> 购物券</h1>
							<h2>有效期：2018.9.28-2018.10.28</h2>
						</li>
						<li id="already">
							立即使用
						</li>
						
					</ul>
					<ul id="backgroundColor">
						<li>
							<h1>￥<span>100</span> 购物券</h1>
							<h2>有效期：2018.9.28-2018.10.28</h2>
						</li>
						<li>
							<img src="img/discountCoupon/used_right.png" >
						</li>
					</ul>
					<ul id="backgroundColor">
						<li>
							<h1>￥<span>100</span> 购物券</h1>
							<h2>有效期：2018.9.28-2018.10.28</h2>
						</li>
						<li>
							<img src="img/discountCoupon/dated_right.png" >
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
